@charset 'utf-8';

/* 공통 레이아웃 */
html {width:100%;}
body {width:100%; background-color:#3e3e3e;}
#sageWrap {position:relative; width:100%; background-color:#fff;}
#sageWrap2 {position:relative; width:980px; margin-left:auto; margin-right:auto; background:url(http://sagephoto.co.kr/images/common/bg_visual.jpg) no-repeat;}
#visualArea {position:relative; width:980px; height:160px;}
#visualArea h1 {position:absolute; left:210px; top:47px;}
#visualArea .lstMainNavi {position:absolute; right:35px; bottom:0;}
#visualArea .lstMainNavi li {float:left;}
#contentsArea {position:relative; width:920px; min-height:400px; margin-left:auto; margin-right:auto; padding-bottom:30px;}
* html #contentsArea {height:400px;}
#contentsArea #leftArea {position:relative; float:left; width:160px; margin-right:10px; padding:40px 0 0 10px;}
#contentsArea #mainArea {position:relative; float:left; width:560px; margin-right:10px;}
#contentsArea #mainAreaPhoto {position:relative; float:left; width:730px; margin-right:10px;}
#contentsArea #rightArea {position:relative; float:left; width:160px; padding-top:40px;}
#footArea {position:relative; width:100%; background:#3e3e3e url(http://sagephoto.co.kr/images/common/bg_footer.gif) repeat-x 0 top;}


/* 메인 레이아웃 */
body#main {width:100%; background:#3e3e3e url(http://sagephoto.co.kr/images/common/bg_sage.gif) repeat-x;}
#main #sageWrap {position:relative; width:980px; margin-left:auto; margin-right:auto; background:url(http://sagephoto.co.kr/images/common/bg_visual.jpg) no-repeat;}
#main #visualArea {position:relative; width:980px; height:160px;}
#main #visualArea h1 {position:absolute; left:210px; top:47px;}
#main #visualArea .lstMainNavi {position:absolute; right:35px; bottom:0;}
#main #visualArea .lstMainNavi li {float:left;}
#main #contentsArea {position:relative; width:920px; min-height:420px; margin-left:auto; margin-right:auto; padding:40px 0 0 0;}
* html #main #contentsArea {height:420px;}
#main #contentsArea #leftArea {position:relative; float:left; width:160px; margin-right:10px; padding:0 0 0 10px;}
#main #contentsArea #mainArea {position:relative; float:left; width:560px; min-height:322px; margin-right:10px;}
* html #main #contentsArea #mainArea {height:320px;}
#main #contentsArea #rightArea {position:relative; float:left; width:160px; padding-top:0;}
#main #contentsArea #galleryArea {position:relative; width:900px; margin-left:auto; margin-right:auto;}
#main #footArea {position:relative; width:100%; background:none;}


/* 로그인 */
#login {position:relative;}
#login .before {position:relative; width:160px; height:65px;}
#login .before .iptID {position:absolute; left:3px; top:1px; width:104px; height:15px; padding:4px 0 0 4px; background:#505050 url(http://sagephoto.co.kr/images/common/bg_iptid.gif) no-repeat 6px 5px;}
#login .before .iptPass {position:absolute; left:3px; top:23px; width:104px; height:15px; padding:4px 0 0 4px; background:#505050 url(http://sagephoto.co.kr/images/common/bg_iptpass.gif) no-repeat 6px 5px;}
#login .before .btnLogin {position:absolute; left:114px; top:1px;}
#login .before .loginBtns {position:absolute; left:0px; top:48px; width:100%; text-align:center;}
#login .before .loginBtns .btnJoin {color:#777; font-size:11px; font-weight:bold; letter-spacing:-1px;}
#login .before .loginBtns .btnJoin:hover {color:#f7727b; text-decoration:underline;}
#login .before .loginBtns .btnFindid {color:#9e9e9e; font-size:11px; letter-spacing:-1px;}
#login .before .loginBtns .btnFindid:hover {color:#f7727b; text-decoration:underline;}
#login .before .loginBtns .bar {color:#d0d0d0; font-size:10px;}

#login .after {position:relative; margin-left:auto; margin-right:auto; width:151px; border:2px solid #ebebeb;}
#login .after h2 {padding:5px 5px 0 5px; color:#adadad; font-size:11px; font-weight:normal;}
#login .after h2 strong {color:#f7727b;}
#login .after .userInfo {padding:0 5px 5px 5px; font-weight:bold; color:#939393; font-size:11px;}
#login .after .userInfo strong {color:#f7727b;}
#login .after .btnUserInfo {padding:3px 0 1px 0; background-color:#eaeaea; text-align:center;}
#login .after .btnUserInfo a {color:#ababab; font:11px 돋움; letter-spacing:-1px;}
#login .after .btnUserInfo a:hover {color:#f7727b; text-decoration:underline;}
#login .after .btnUserInfo .bar {color:#cbcbcb; font-size:10px;}


/* 예약상담문의 */
#reservation {position:relative; width:154px; height:61px; margin-left:auto; margin-right:auto; background:url(http://sagephoto.co.kr/images/common/bg_reservation.jpg) no-repeat;}
#reservation h2 {position:absolute; left:53px; top:10px;}
#reservation p {position:absolute; left:53px; top:29px; color:#72a40f; font:11px 돋움;}


/* 입금안내 */
#account {position:relative; width:154px; height:72px; margin-left:auto; margin-right:auto; background:url(http://sagephoto.co.kr/images/common/bg_account.jpg) no-repeat;}
#account h2 {position:absolute; left:53px; top:10px;}
#account p {position:absolute; left:53px; top:29px; color:#505050; font:11px 돋움;}
#account p span {color:#72a40f;}

/* 네이버 블로그 */
#blog {position:relative; width:154px; height:61px; margin-left:auto; margin-right:auto; background:url(http://sagephoto.co.kr/images/common/bg_blog.jpg) no-repeat;}
#blog h2 {position:absolute; left:53px; top:10px;}
#blog p {position:absolute; left:53px; top:29px; color:#72a40f; font:11px 돋움;}
#blog p a{color:#72a40f; font:11px 돋움;}

/* 사이드메뉴 */
#sideMenu {position:relative;}
#sideMenu .lstSideMenu {position:relative; zoom:1;}
#sideMenu .lstSideMenu li {position:relative; margin-bottom:2px; zoom:1; text-align:center;}
* html #sideMenu .lstSideMenu li {margin-bottom:0;}
*+html #sideMenu .lstSideMenu li {margin-bottom:0;}
#sideMenu .lstSideMenu li img {display:block;}


/* 공통푸터 */
#cmFooter {position:relative; width:900px; height:38px; margin-left:auto; margin-right:auto; padding-top:22px; text-align:center; background:url(http://sagephoto.co.kr/images/common/bg_cmfooter.jpg) no-repeat;}
#cmFooter p {color:#6f6f6f;}
#cmFooter .highlight {font-weight:bold; color:#8b5256;}

/* 서브페이지타이틀 */
.subTitle {position:relative; padding:16px 0 0 15px; height:25px; background:url(http://sagephoto.co.kr/images/common/blt_conttitle.gif) no-repeat 1px 18px; font-size:12px; color:#383d41;}
